<template>
  <div class="el-full el-box-column">
    <el-tabs class="el-tabs-bg el-box-column el-flex el-tabs-flex" v-model="activeName" @tab-click="handleClick">
      <el-tab-pane label="基本信息" name="first" class="el-flex el-box-column">
        <informationArchives></informationArchives>
      </el-tab-pane>
      <el-tab-pane class="el-flex el-box-column" label="教育经历" name="second"lazy>
        <educationArchives></educationArchives>
      </el-tab-pane>
      <el-tab-pane class="el-flex el-box-column" label="工作经历" name="third" lazy>
        <jobArchives></jobArchives>
      </el-tab-pane>
      <el-tab-pane class="el-flex el-box-column" label="证书/证件" name="fourth" lazy>
        <certificateArchives></certificateArchives>
      </el-tab-pane>
      <el-tab-pane class="el-flex el-box-column" label="紧急联系人" name="fifth" lazy>
        <urgentArchives></urgentArchives>
      </el-tab-pane>
      <el-tab-pane class="el-flex el-box-column" label="家庭成员" name="sixth" lazy>
        <familyArchives></familyArchives>
      </el-tab-pane>
      <el-tab-pane class="el-flex el-box-column" label="职称" name="seventh" lazy>
        <titleArchives></titleArchives>
      </el-tab-pane>
      <el-tab-pane class="el-flex el-box-column" label="工作技能" name="eighth" lazy>
        <skillArchives></skillArchives>
      </el-tab-pane>
      <el-tab-pane class="el-flex el-box-column" label="语言能力" name="ninth" lazy>
        <languageAchives></languageAchives>
      </el-tab-pane>
    </el-tabs>
  </div>
</template>

<script>
  import {
    Tree,
    Dialog,
    Table,
    TableColumn,
    Pagination,
    MessageBox,
    Message,
    Drawer,
    Tabs,
    TabPane
  } from 'element-ui'
  import informationArchives from './informationArchives.vue'
  import educationArchives from './educationArchives.vue'
  import jobArchives from './jobArchives.vue'
  import certificateArchives from './certificateArchives.vue'
  import urgentArchives from './urgentArchives.vue'
  import familyArchives from './familyArchives.vue'
  import titleArchives from './titleArchives.vue'
  import skillArchives from './skillArchives.vue'
  import languageAchives from './languageAchives.vue'
  export default {
    components: {
      'el-tree': Tree, // 树形菜单
      'el-dialog': Dialog, // 对话框
      'el-table': Table, // 表格
      'el-table-column': TableColumn, // 表格列
      'el-pagination': Pagination, // 分页
      'el-drawer': Drawer, // 抽屉
      'el-tabs': Tabs, // 标签页
      'el-tab-pane': TabPane, // 标签页列
      informationArchives,
      educationArchives,
      jobArchives,
      certificateArchives,
      urgentArchives,
      familyArchives,
      titleArchives,
      skillArchives,
      languageAchives
    },
    data() {
      return {
        activeName: 'first',
        title: '',
        showModel: '',
        showTab: '',
      }
    },
    created() {
    },
    methods: {
      handleClick(tab, event) {
        this.showTab = tab.label
      },

    }
  }
</script>
